export const main = {
  backgroundColor: "#ffffff",
};

export const image = {
  maxWidth: "100%",
  borderRadius: "8px",
};

export const container = {
  paddingLeft: "12px",
  paddingRight: "12px",
  margin: "0 auto",
};

export const link = {
  color: "#2754C5",
  fontFamily:
    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
  fontSize: "15px",
  textDecoration: "underline",
};

export const text = {
  color: "#333",
  fontFamily:
    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
  fontSize: "15px",
  marginBottom: "24px",
};

export const footer = {
  color: "#898989",
  fontFamily:
    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
  fontSize: "14px",
  lineHeight: "22px",
  marginTop: "12px",
  marginBottom: "24px",
};

export const heading = {
  color: "#333",
  fontFamily:
    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
  fontSize: "18.5px",
  fontWeight: "bold",
  margin: "32px 0 14px 0",
  padding: "0",
};

export const featureSection = {
  marginBottom: "32px",
};

export const hr = {
  margin: "60px 0",
};

export const logo = {
  margin: "24px 0",
  borderRadius: "3px",
};
